<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/ajax2.0.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div id="head">
        <div class="wrapper">
            <!-- logo -->
            <div class="logo"><img src="../images/logo.jpg" alt=""></div>
            <ul class="nav">
                <!-- 导航 -->
                <a href="../html/index.html"><li>首页</li></a>
                <a href="../html/aboutus.html"><li>关于我们</li></a>
                <a href="../html/brand.html"><li>品牌概念</li></a>
                <a href="../html/goods_list.html" class="on"><li>产品中心
                    <ul>
                        <li>带环类</li>
                        <li>附件类</li>
                        <li>颊管类</li>
                        <li>钳子类</li>
                        <li>设备类</li>
                        <li>丝类</li>
                        <li>托槽类</li>
                    </ul>
                </li></a>
                <a href="../html/news.html"><li>新闻中心</li></a>
                <a href="../html/shop_order.html"><li>产品订购</li></a>
                <a href="../html/contant_us.html"><li>联系我们</li></a>      
            </ul>
            <span><a href="">中文</a>/<a href="">English</a></span>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="swiper">
        <div class="swiper-container" >
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../images/swiper1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../images/swiper2.jpg" alt="">
                    <div class="word" style="z-index:999;">
                        <p class="p1">健康从齿开始</p>
                        <p class="p2">MAKE SELECTION EASIER</p>
                        <p class="p3">为优质生活提供领先技术和专业服务</p>
                    </div>
                </div>
              <div class="swiper-slide"><img src="../images/swiper3.jpg" alt="">
                    <div class="word" style="z-index:999;">
                        <p class="p4">奥索 ▪ 让生活更美好</p>
                        <p class="p5">Make life better</p>
                        <p class="p6">精于芯 ▪ 简于型</p>
                    </div>
            </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <!-- 产品中心 -->
    <div id="product">
        <div class="wrapper">
            <h3>产品中心</h3>
            <p>Products</p>
            <div class="wrapper-content">
                <dl>
                    <dt><img src="../images/pic1.png" alt=""></dt>
                    <dd class="on1">正畸托槽产品</dd>
                    <dd>——</dd>
                    <dd class="on2">请输入要描述的内容进行内容补充请输入要描</dd>
                </dl>
                <dl>
                    <dt><img src="../images/pic2.png" alt=""></dt>
                    <dd class="on1">正畸带环产品</dd>
                    <dd>——</dd>
                    <dd class="on2">请输入要描述的内容进行内容补充请输入要描</dd>
                </dl>
                <dl>
                    <dt><img src="../images/pic3.png" alt=""></dt>
                    <dd class="on1">正畸颊面管产品</dd>
                    <dd>——</dd>
                    <dd class="on2">请输入要描述的内容进行内容补充请输入要描</dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div id="aboutus">
        <div class="wrapper">
            <div class="left">
                <span class="word1">关于我们</span>
                <p>一</p>
                <span class="word2">杭州奥索医疗器械有限公司座落于美丽钱塘江畔，
                是中国生产牙科材料的主要基地之一，迄今已有二十多年的生产历史。
                公司拥有占地面积4200平方米的标准厂房，拥有国内的生产设备，
                所生产的正畸材料和光固化机等齿科仪器一直深受用户欢迎...
                </span>
                <div class="look"><a href="javascript:;">查看更多</a></div>
            </div>
            <div class="right">
                <img src="../images/aboutus.png" alt="">
            </div>
        </div>
    </div>
    <!-- 新闻中心 -->
    <div id="news">
        <div class="wrapper">
            <h3>新闻中心</h3>
            <p>News</p>
            <div class="content">
                <div class="leftall">
                    <!-- <div class="left"> -->
                        <!-- <div class="left1">
                            <p>2019</p><br>
                            <span>12-19</span>
                        </div> -->
                        <!-- <div class="line"></div> -->
                        <!-- <div class="left2">
                            <a href="javascript:;"><span>2015年半年盘点： 医药行业黄金时期已过，医疗服务&器械成投资热点</span></a>
                            <b>近十年来，在政府加大医疗健康行业投资力度的推动下，
                                中国医疗健康市场经历了一个飞速发展的阶段，
                                随着医疗改革的持续进行，中国医疗市场的格局将产生根本性的变化。
                                清科研究中心认为未来医药行业整体仍将保持...</b>
                        </div> -->
                        <!-- <div class="line1"></div> -->
                    <!-- </div> -->
                    <!-- <div class="left">
                        <div class="left1">
                            <p>2019</p><br>
                            <span>12-19</span>
                        </div>
                        <div class="line"></div>
                        <div class="left2">
                            <a href="javascript:;"><span>国家高度重视高端医疗器械国产化</span></a>
                            <b>在今年全国两会上，全国政协委员、
                                中华医学会原副会长吴明江提交的提案是“综合发力推进我国医疗器械提升、创新和发展”。
                                该提案围绕医疗器械基础研究、标准体系建设、产需有效结合、
                                鼓励发展国产医疗器械等方...</b>
                        </div>
                        <div class="line1"></div>
                    </div>
                    <div class="left">
                        <div class="left1">
                            <p>2019</p><br>
                            <span>12-19</span>
                        </div>
                        <div class="line"></div>
                        <div class="left2">
                            <a href="javascript:;"><span>2017年全球医疗器械市场销售规模分析</span></a>
                            <b>医疗器械行业是一个多学科交叉、技术密集型的行业。
                                多学科交叉体现在其涉及到高分子材料、生命科学、临床医学等多个学科；
                                技术密集体现在其生产技术涉及医药、机械、 材料等多个技术的共同运用， 
                                是典型的高...</b>
                        </div>
                        <div class="line1"></div>
                    </div>
                    <div class="left">
                        <div class="left1">
                            <p>2019</p><br>
                            <span>12-19</span>
                        </div>
                        <div class="line"></div>
                        <div class="left2">
                            <a href="javascript:;"><span>社科院 | 医疗服务提供模式的国际经验有哪些</span></a>
                            <b>一、医疗服务专业化分工传统医疗服务提供中，
                                医疗服务仅由医院和医生诊所提供，从就医、化验、诊断、治疗一直到术后康复、
                                慢性病管理，上述两类机构几乎涵盖了所有的功能，
                                这种“大而全”的机构运营成本高、...</b>
                        </div>
                    </div> -->
                </div>
                <div class="right">
                    <div class="pic1">
                        <a href="indexSon1.html"><img src="../images/new1.jpg" alt=""></a>
                        <p>2015年半年盘点</p>
                    </div>
                    <div class="pic2">
                        <a href="javascript:;"><img src="../images/new2.jpg" alt=""></a>
                        <p>第一行主标题</p>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
    <!-- 方案 -->
    <div id="programme">
        <div class="wrapper">
            <h2>为终端医疗机构提供创新共赢的整体解决方案</h2>
            <p class="yi">一</p>
            <p class="content">与推动行业发展的合作伙伴一道，整合医疗行业资源，探索创新业务体系，
                为终端医疗机构提供创新共赢的整体解决方案辅助客户优化内部结构和管理，
                更好的服务于医疗终端和广大患者</p>
            <div class="aosu1">
                <div class="left"><img src="../images/Aosu1.jpg" alt=""></div>
                <div class="right">
                    <span class="zm">A</span>
                    <p class="zm1">Aosu 产品中心</p>
                    <p class="zm2">公司一直致力于生产适合中国国情的正畸材料，产品行销国内各省，并远销国外。
                        随着各省的发展，持续不断开发新产品，来满足顾客不断增长的需求。</p>
                    <a href="javascript:;"><div class="look">查看更多</div></a>
                </div>
            </div>
            <div class="aosu2">
                <div class="left">
                    <span class="zm">B</span>
                    <p class="zm1">Aosu 联系我们</p>
                    <p class="zm2">专业的牙科医疗器械供应商</p>
                    <p class="zm2">经历20余年的发展，我们以发展成为国内成规模的专业牙科七彩生产商。</p>
                    <p class="zm2">截止目前产品共涉及7大类，100+余种产品</p>
                    <a href="javascript:;"><div class="look">查看更多</div></a>
                </div>
                <div class="right"><img src="../images/Aosu2.jpg" alt=""></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="foot">
        <div class="wrapper">
            <img src="../images/adress.png..webp" alt="">
            <span>杭州市萧山区义桥镇蛟山村108号1B楼</span>
            <img src="../images/phone.png" alt="">
            <span>
                国内业务：0571-82300503<br>出口服务：0571-82304830
            </span>
            <img src="../images/email.png" alt="">
            <span>
                国内业务aosu@mail.hz.zj.cn<br>出口服务as019@126.com
            </span>
            <img src="../images/time.png" alt="">
            <p>9:00-22:00</p>
        </div>
        <br><br>
            <hr>
        <div class="footer">
            <p>©2020 畅邮 版权所有</p>
            <p>技术支持：<a href="">杭州灵品三创网络科技有限公司 </a> | <a href=""> 管理登录</a></p>
        </div>
    </div>
    <div class="return_top"></div>
</body>
    <!-- 首页头尾 -->
    <script>
        $('.nav li').eq(0).css('background','#1f87e8');
        $('.nav li').eq(0).css('color','#ffffff');
    </script>
        <!-- 轮播图 -->
    <script>
        var swiper = new Swiper('.swiper-container', {
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
          autoplay: true,
          loop: true,
        });
    </script>
    <!-- 新闻中心 -->
    <script>
        $.ajax({
            url:'../php/news.php',
            type:'GET',
            success:function(data){
                // console.log(JSON.parse(data))
                // console.log(data)
                var Left = document.querySelector('#news .wrapper .leftall');
                var data = JSON.parse(data);
                var str = '';
                for(var i = 0;i < data.length;i++){
                    str += `<div class = "left"><div class="left1">
                                <p>${data[i].year}</p>
                                ${data[i].data}
                            </div>
                            <div class="line"></div>
                            <div class="left2">
                                ${data[i].title}
                                <b>${data[i].content}</b>
                            </div>
                            <div class="line1"></div></div>`;
                    Left.innerHTML = str;
                }
            },
            error:function(err){
                console.log(err)
            }
        })
    </script>
    <script>
        // 返回顶部
        var returnTop = document.querySelector(".return_top");
        var timer =0;
        returnTop.addEventListener("mouseenter",function(){
            returnTop.style.backgroundImge="url(../images/返回顶部图标.png) no-repeat center"
            returnTop.style.opacity="0.2"
        })
        returnTop.addEventListener("mouseleave",function(){
            returnTop.style.backgroundImge="url(../images/返回顶部图标1.png) no-repeat center"
            returnTop.style.opacity="1"
        })
        returnTop.addEventListener("click",function(){
                timer = setInterval(function(){
                    var scrollTop = document.documentElement.scrollTop 
                    var ySpeed = Math.sqrt(scrollTop);
                    document.documentElement.scrollTop = document.body.scrollTop = scrollTop - ySpeed;
                    if(scrollTop == 0){
                        clearInterval(timer);
                        returnTop.style.backgroundPositionY="-50px"
                    } 
                },10);
            });
        window.onscroll=function(){   
            var scrollTop=document.documentElement.scrollTop;
            if(scrollTop > 0){
                returnTop.style.backgroundPositionY="0px"
            }
        }
    </script>
</html>